﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
        fieldset div
        {
            width: 450px;
        }
        .int
        {
            height: 30px;
        }
        div.int label
        {
            float: left;
            display: block;
            width: 100px;
            text-align: right;
        }
        div.int input, textarea
        {
            display: block;
            float: left;
            width: 200px;
        }
        div.int textarea
        {
            height: 50px;
        }
        div.sub
        {
            float: left;
            margin-left: 150px;
        }
        fieldset
        {
            width: 400px;
        }
        .focus
        {
            border: 1px solid #f00;
            background-color: #fcc;
        }
        .clear
        {
            float: left;
            clear: both;
        }
        .high {
            color: red;
        }
    </style>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $(':input').focus(function () {
                $(this).addClass('focus');
            }).blur(function () {
                $(this).removeClass('focus');
            });
            var $required = $('<strong class="high">*</strong>');
            $('.required').parent().append($required);
        });
    </script>
</head>
<body>
    <form action="#" method="POST" id="regForm">
    <fieldset>
        <legend>个人基本信息</legend>
        <div class="int">
            <label for="username">
                名称：</label>
            <input id="username" type="text" class="required" />
        </div>
        <div class="int">
            <label for="email">
                电子邮箱：</label>
            <input id="email" type="text" class="required" />
        </div>
        <div class="int">
            <label for="pass">
                密码：</label>
            <input id="pass" type="password" class="required" />
        </div>
        <div class="int">
            <label for="msg">
                详细信息：</label>
            <textarea id="msg"></textarea>
        </div>
        <div class="clear" />
        <div class="sub">
            <input type="submit" value="提交" id="send" />
            <input type="reset" id="res" />
        </div>
    </fieldset>
    </form>
</body>
</html>
